<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../reset.css">
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <div>
        <ul class="ul-list J_listBox"></ul>
    </div>
    <div style="display: none" id="J_listData">
        [{"img": "../images/1.jpg","name":"图片"},
        {"img": "../images/3.jpg","name":"图片"},
        {"img": "../images/13.jpg","name":"图片"},
        {"img": "../images/s3.jpg","name":"图片"},
        {"img": "../images/s4.jpg","name":"图片"},
        {"img": "../images/5.jpg","name":"图片"},
        {"img": "../images/6.jpg","name":"图片"},
        {"img": "../images/7.jpg","name":"图片"},
        {"img": "../images/s2.jpg","name":"图片"},
        {"img": "../images/10.jpg","name":"图片"},
        {"img": "../images/11.jpg","name":"图片"},
        {"img": "../images/12.jpg","name":"图片"},
        {"img": "../images/4.jpg","name":"图片"},
        {"img": "../images/14.jpg","name":"图片"},
        {"img": "../images/15.jpg","name":"图片"},
        {"img": "../images/16.jpg","name":"图片"},
        {"img": "../images/m1.jpg","name":"图片"},
        {"img": "../images/m2.jpg","name":"图片"},
        {"img": "../images/m3.jpg","name":"图片"},
        {"img": "../images/m4.jpg","name":"图片"},
        {"img": "../images/s1.jpg","name":"图片"},
        {"img": "../images/8.jpg","name":"图片"},
        {"img": "../images/9.jpg","name":"图片"},
        {"img": "../images/2.jpg","name":"图片"},
        {"img": "../images/s5.jpg","name":"图片"}]
    </div>
    <script type="text/html" id="J_listTpl">
        <div class="list-item">
            <div class="item-img">
                <img src="../images/default.png" data-src="{{img}}" class="img" alt="">
            </div>
            <div class="item-name">{{name}}</div>
        </div>
    </script>
<script src="index.js"></script>
</body>
</html>
